<template>
  <el-tag :type="selected | selectedFilter" class="custom-selectable-tag">{{ text }}</el-tag>
</template>

<script>
export default {
  name: 'SelectableTag',
  filters: {
    selectedFilter(selected) {
      return selected ? '' : 'info'
    }
  },
  props: {
    selected: {
      type: Boolean,
      required: true
    },
    text: {
      type: String,
      required: true
    }
  }
}
</script>
